body { min-width: 1200px;}
html, body {padding: 0;margin: 0;border: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: "Microsoft Yahei", sans-serif;}
ul, ol, dl, li, dt, dd {padding: 0;margin: 0;list-style: none;}
img {vertical-align: middle;border: 0;}
h1,h2,h3,h4,h5,h6,font {font-weight: normal;}
a {text-decoration: none; }
.fl{float:left}
.fr{float:right}
.clear{clear:both; height:0; line-height:0;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.w1200{width:1200px; margin:0 auto;}
/*范围查询*/
.select-mian{padding-bottom:440px;}
.select-box{width: 1200px;margin: 0 auto;height: 380px;background: url(../images/selct-img.jpg) center no-repeat;border-radius: 2px;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);padding-top: 65px;} 
.select-box .box,
.select-box .bot .mbox{width: 998px;margin: 0 auto;}
.select-box .title{font-size: 30px;line-height: 1.1;color: #ffffff;padding-left: 45px;background: url(../images/search-bg.png) left center no-repeat;margin:0px 0 38px;}
.select-box .select .txt{width: 755px;float: left;height: 70px;line-height: 70px;padding:0 0 0 35px;background-color: #fff;border:0;border-radius: 2px;font-size: 16px;color: #666666;}
.select-box .select .submit{display: block;float: right;width: 203px;height: 70px;font-size: 18px;color: #666666;border:0;background-color: #ffffff;border-radius: 2px;transition: all .3s ease-in-out;}
.select-box .select .submit:hover{color: #fff;background-color: #0e73b9}
.select-box .bot{border-top: 1px solid #368ecb;padding: 40px 0 0 0;font-size: 16px;color: #ffffff;line-height: 1.65;margin-top: 73px;}
.select-box .bot span{padding-left: 32px;display: inline-block;background: url(../images/selct-img.png) left 5px no-repeat;}
.select-mian .tip-slbox{position: absolute;width: 1200px;display: none;top: 0;left: 50%;margin-left: -600px;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.base-tip-slbox{position: fixed;width: 960px;display: none;top: 50%;left: 50%;margin:-371px 0 0 -480px;background-color: #fff;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);}
.select-mian .tip-slbox .title,
.base-tip-slbox .title{height: 102px;background-color: #0e73b9;padding: 0 55px;}
.select-mian .tip-slbox .title .tit,
.base-tip-slbox .title .tit{font-size: 30px;color: #ffffff;display: block;width: auto;float: left;line-height: 102px;padding-left: 43px;background: url(../images/selct-img1.png) no-repeat left center;}
.select-mian .tip-slbox .tt,
.base-tip-slbox .title .tt{display: block;text-align: center;font-size: 16px;color: #fdfdfd;line-height: 102px;}
.select-mian .tip-slbox .btn,
.base-tip-slbox .title .btn{display: block;width: 140px;height: 50px;line-height: 50px;border-radius: 30px;float: right;background-color: #fff;text-align: center;font-size: 18px;cursor: pointer;color: #636363;transition: all .3s ease-in-out;margin-top: 28px;
}
.select-mian .tip-slbox .btn:hover,
.base-tip-slbox .title .btn:hover{color: #fff;background-color: #268ed5;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.05)}
.select-mian .tab table td,
.base-tip-slbox .tab table td{height: 81px;text-align: center;font-size: 22px;line-height: 1.4;color: #636363;}
.select-mian .tab table td.on,
.base-tip-slbox .tab table td.on{color: #0e73b9;font-weight: bold;}

.itcavan {font-family: "itcavan";}
.bebas {font-family: "bebas";}
.helvet {font-family: "helvet";}
.century {font-family: "century";}
.BoxSha10 {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.por {position: relative;}
.poa {position: absolute;}
.dbl {display: block;}
.dbi {display: inline-block;}
.tec {text-align: center;}

.w100 {width: 100%;}

.w1200 {width: 1200px;margin: 0 auto;}
.w1300 {width: 1300px;margin: 0 auto;}
.w1206 {width: 1206px;margin: 0 auto;}
.w1326 {width: 69%;min-width: 1200px;margin: 0 auto;}
.Arial {font-family: "Arial";}
.toUpp {text-transform: uppercase;}

.nowrap {width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.opa6 {opacity: .6;filter: alpha(opacity=60);}
.opa7 {opacity: .7;filter: alpha(opacity=70);}
.w50 {width: 50%;}
.ovh {overflow: hidden;}
.ovs {overflow: visible;}
.fixed {position: fixed;}
.fcmc {color: #c80118;}
.radius5 {border-radius: 5px;}
.pages {background: #fff;text-align: center;box-sizing: border-box;padding: 17px 36px;height: 74px;margin-top: 46px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: 5px;}
.pages .pagination {position: relative;}
.pages .pagination a {box-sizing: border-box;width: 40px;height: 40px;line-height: 40px;color: #333;font-size: 20px;font-family: "Arial";text-align: center;margin: 0 3px;display: inline-block;transition: all .3s linear;border-radius: 2px;}
.pages .pagination a.active { color: #fff;background-color: #c80118;}
.pages .pagination a:hover {color: #fff;background-color: #c80118;}
.pages .pagination .prev,
.pages .pagination .next {position: absolute;text-align: left;width: 82px;font-size: 16px;font-family: "Microsoft Yahei";}
.pages .pagination .prev {padding-left: 20px;left: 0;border-left-width: 1px;background: url(../images/prev2.png) left center no-repeat;background-size: 9px;
}
.pages .pagination .prev:hover {color: #c80118;background: url(../images/prev2on.png) left center no-repeat;background-size: 9px;}
.pages .pagination .next {padding-right: 20px;right: 0;background: url(../images/next2.png) right center no-repeat;border-right-width: 1px;background-size: 9px;}
.pages .pagination .next:hover {color: #c80118;background: url(../images/next2on.png) right center no-repeat;background-size: 9px;}

.tra3s {transition: all .3s linear;}

.co-titles {font-size: 30px;line-height: 30px;color: #222;padding:30px 0 70px;}
.co-titles .co-en-span {display: inline-block;margin-right: 10px;}
.co-titles:after {position: absolute;content: "";left: 50%;bottom: 50px;margin-left: -27px;display: inline-block;width: 54px;height: 4px;background: #c80118;border-radius: 2px;}

.header {position: absolute;z-index: 100;top: 0;left: 0;width: 100%;min-width: 1200px;height: 90px;box-sizing: border-box;padding: 0 30px;opacity: 0;filter: alpha(opacity=0);transform: translate(0, -90px);transition: all .8s cubic-bezier(0.03, 0.81, 0.21, 0.93);}
.header.in {opacity: 1;filter: alpha(opacity=100);transform: translate(0, 0);}
.header a, .header li, .header ul, .header div {box-sizing: border-box;}
.header .bocweb-logo {width: 140px;height: 100%;padding-top: 22px;}
.header .bocweb-nav {padding-top: 25px;}
.header .nav-ul {border-left: 1px solid rgba(255, 255, 255, 0.2);height: 40px;padding-left: 28px;margin-left: 28px;}
.header .nav-li {position: relative;padding: 0 28px;font-size: 14px;transition: all .3s linear;}
.header .nav-li .nav-a { font-size:16px;position: relative;z-index: 7;height: 65px;line-height: 40px;color: #fff;}
.header.bg0 .nav-li.cur .nav-a, .header.bg0 .nav-li:hover .nav-a {color: #c80118;border-bottom: 2px solid #c80118;}

.bocweb-subnav {z-index: 4;display: none;position: absolute;z-index: 5;top: 63px;left: 50%;margin-left: -133px;width: 266px;padding-top: 7px;background: #fff;border-top: 2px solid #c80118;}
.bocweb-subnav .subnav-a {display: block;color: #333;line-height: 44px;font-size: 15px;padding: 0 24px;text-align: left;background: #fff;overflow: visible;transition: all .3s linear;}
.bocweb-subnav .subnav-a:hover {color: #c80118;}
.bocweb-subnav .subnav-a:hover .subnav-span0 {background: url(../images/subicoon.png) no-repeat right center;}
.bocweb-subnav .subnav-a:first-child {padding-top: 20px;}
.bocweb-subnav .subnav-a:last-child {padding-bottom: 16px;}
.bocweb-subnav .subnav-a:last-child .subnav-span0 {border-bottom: none;}
.bocweb-subnav .subnav-a .subnav-span0 {display: block;border-bottom: 1px solid #ebebeb;background: url(../images/subico.png) no-repeat right center;}

.search-wrap {box-sizing: border-box;position: relative;padding: 25px 0;}
.search-wrap .serach-btn1 {width: 40px;height: 40px;cursor: pointer;background: url(../images/png14.png) no-repeat center;background-size: 18px;}
.search-wrap .pc-serach-form {position: absolute;top: 90px;left: 50%;margin-left: -130px;display: none;height: 58px;padding: 8px 26px 0 20px;width: 260px;box-sizing: border-box;background: url(../images/png2.png) no-repeat center top;}
.search-wrap .pc-search-input {box-sizing: border-box;width: 180px;height: 50px;line-height: 50px;border: none;background: none;font-size: 14px;color: #666;display: block;border: none;}
.search-wrap .pc-submit-input {width: 34px;height: 50px;font-size: 0;background: none;border: none;background: url(../images/pcser2.png) no-repeat center;}

.language-wrap {color: #fff;font-size:18px;line-height: 40px;margin-top: 25px;margin-left: 26px;padding-left: 26px;border-left: 1px solid rgba(255, 255, 255, 0.2);}
.language-wrap em { font-style:normal; font-weight:800; font-family:Impact;color: #c80118;font-size:24px;line-height: 40px;display: inline-block;margin-left: 10px;}
.language-wrap .language-a:hover {color: #c80118;}

.header.bg0, .header:hover {background: #fff;border-bottom: 1px solid #e9e9e9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header.bg0 .nav-ul, .header:hover .nav-ul {border-left-color: #e9e9e9;}
.header.bg0 .nav-li .nav-a, .header:hover .nav-li .nav-a {color: #333;}
.header.bg0 .search-wrap .serach-btn1, .header:hover .search-wrap .serach-btn1 {background: url(../images/pcser.png) no-repeat center;background-size: 18px;}
.header.bg0 .language-wrap, .header:hover .language-wrap {color: #333;border-color: #e9e9e9;}
.header.bg0 .language-wrap .language-a, .header:hover .language-wrap .language-a {color: #333;}
.header.bg0 .language-wrap .language-a:hover, .header:hover .language-wrap .language-a:hover {color: #c80118;}


.bocweb-footer {box-sizing: border-box;padding: 38px 0 10px;font-size: 12px;line-height: 14px;opacity: 0;filter: alpha(opacity=0);transform: translate(0, 200px);transition: all .8s ease-in-out;}

.foot-top{padding-bottom:30px;}
.footl{width: 371px;float: left;display: inline;border-right: 1px solid rgba(255,255,255,0.04)}
.footc{width: 421px;float: left;padding-left: 59px;display: inline;border-right: 1px solid rgba(255,255,255,0.04);margin-right: 62px;}
.footr{float: left;width: 285px;}

.footl h3,.footc h3,.footr h3{font-size: 22px;color: #efefef;margin-bottom:20px;width: 25px;white-space: nowrap;padding-bottom:15px;border-bottom: 1px solid #CA1624; font-weight:normal;}
.footl h3 span,.footc h3 span,.footr h3 span{font-size: 16px;display: block;color: #fff;opacity: 0.11;font-weight: lighter;line-height: 200%;}
.footl p{}
.footl p a{color: #fff;display:block;width:50%;color:rgba(255,255,255,0.8);float: left;font-size: 16px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding-right: 10px;line-height:32px;}
.footl p a:hover{text-decoration: underline;color: #CA1624;}
.footc p{color:#fff;background-position: left center;line-height:38px;font-size: 16px;}
.footc p span{margin-left: 18px;}
.footc p.tel{background: url(../images/foot_icon1.png) no-repeat left center }
.footc p.fax{background: url(../images/foot_icon2.png) no-repeat left center;}
.footc p.mail{background: url(../images/foot_icon3.png) no-repeat left center;}
.footc p.add{background: url(../images/foot_icon4.png) no-repeat left center;}
.footr em i{display: block;float: left;width: 127px;}
.footr em i:last-child{float: right;}
.footr em i img{width: 127px;height: 127px;}
.footr em i span{display: block;font-size: 16px;color: #F4F4F4;background: url(../images/foot_ss.png) left center no-repeat;line-height: 20px;padding-left:15px;margin-top: 16px;}


.bocweb-footer.in {opacity: 1;filter: alpha(opacity=100);transform: translate(0, 0);background: #262626;}
.bocweb-footer a, .bocweb-footer li, .bocweb-footer ul, .bocweb-footer div {box-sizing: border-box;}
.bocweb-footer .fo-logo {width: 50px;height: 28px;margin-right: 20px;}
.bocweb-footer .footer-nav-li {margin-right: 60px;}
.bocweb-footer .footer-nav-li .footer-nav-a {line-height: 22px;color: #fff;font-size: 16px;margin-bottom: 26px;}
.bocweb-footer .footer-nav-li .footer-nav-a.cur, .bocweb-footer .footer-nav-li .footer-nav-a:hover {color: #c80118;border-bottom-color: #c80118;}
.bocweb-footer .footer-nav-li .footer-subnav-a {color: #fff;font-size: 14px;line-height: 29px;transition: all .3s linear;}
.bocweb-footer .footer-nav-li .footer-subnav-a:hover {color: #c80118;}
.bocweb-footer .nav-last-li {margin-right: 38px;}
.bocweb-footer .service-img-wrap {width: 130px;padding: 6px;background: #fff;margin-top: 43px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.bocweb-footer .footer-service-wrap {padding-bottom: 46px;margin-bottom: 46px;width: 310px;border-left: 1px solid #444;position: relative;padding-left: 46px;}
.bocweb-footer .footer-service-wrap .service-tele-txt {font-size: 16px;color: #fff;line-height: 20px;}
.bocweb-footer .footer-service-wrap .service-tele-num {font-size: 32px;color: #c80118;line-height: 40px;font-weight: bold;margin-bottom: 10px;margin-top: 6px;}
.bocweb-footer .footer-bot {padding-top:3px;border-top: 1px solid #444;color: #747474; height:50px;font-size: 14px;line-height:50px;}
.bocweb-footer .boc-a {color: #747474;font-size: 14px;line-height: 32px;}
.bocweb-footer .boc-a:hover {color: #747474;}
.bocweb-footer .hbox {z-index: 3;color: #fff;}
.bocweb-footer .hbox .hbox-title {cursor: pointer;position: relative;z-index: 3;box-sizing: border-box;display: block;background-size: 6px;width: 236px;height: 32px;line-height: 32px;text-indent: 10px;border: 1px solid #444;background: url(../images/hbox.png) no-repeat right 22px center;}
.bocweb-footer .hbox .hbox-title.cur {border-color: #999;background: url(../images/hboxon.png) no-repeat right 22px center;}
.bocweb-footer .hbox a {color: #fff;font-size: 12px;line-height: 32px;}
.bocweb-footer .hbox .htt {border: 1px solid #444;width: 236px;border-bottom: none;position: absolute;bottom: 32px;z-index: 2;left: 0;display: none;color: #fff;background: #262626;}
.bocweb-footer .hbox .htt a {height: 32px;line-height: 32px;box-sizing: border-box;padding: 0 10px;border-bottom: 1px solid #444;}
.bocweb-footer .hbox .htt a:last-child {border-bottom: none;}

.toWords {background: url(../images/img13.jpg) no-repeat center;background-size: cover;height: 140px;padding: 40px 0;box-sizing: border-box;}
.toWords .footer-logo-a {width: 184px;height: 60px;vertical-align: middle;}
.toWords .toWords-txts {font-size: 16px;line-height: 16px;top: 22px;margin-left: 28px;padding-left: 28px;color: #fff;vertical-align: middle;border-left: 1px solid rgba(255, 255, 255, 0.5);}
.toWords .toWords-a {vertical-align: middle;width: 186px;height: 44px;line-height: 44px;border: 1px solid #fff;border-radius: 22px;font-size: 14px;color: #fff;top: 8px;text-align: center;}
.toWords .toWords-a:hover {background: #fff;color: #c80118;}


.tac {text-align: center;}
.left_cpnr2{ width:1220px;   margin: 0 auto;margin-top: 20px; 	} 
.left_cpnr2 ul li{ width: 150px; margin: 10px;  border-radius:5px; display: inline-block; border: 1px solid #cbcbcb; height:40px;}
.left_cpnr2 ul li a{ line-height:3;  display:block;z-index: 1; position: relative; font-size: 16px; color:#323232; line-height:40px;}
.left_cpnr2 ul li a::after{content: '';  position: absolute; top: 0; left: 0; bottom: 0; width: 0px; background: #17288b; opacity: 0;
transition: all .3s;z-index: -1	; border-radius:5px; }
.left_cpnr2 ul li a:hover::after{content: ''; opacity: 1; width: 150px;}
.left_cpnr2 ul li a:hover {color: #fff;}

/*产品滚动*/
.anliroll {height:900px;width: 85%; margin:40px auto; overflow: hidden; }
.anliroll li {float: left; width: 23.2558139535%; background: #fff; margin: 2% 0 0 1.4%; }
.anliroll li a {display: block; overflow: hidden; position: relative; }
.anliroll li a h4 {overflow: hidden; height:320px;}
.anliroll li a img {width: 100%; display: block;transition: all .5s; padding:3px; border:1px solid #ccc;}
.anliroll li a .spanImg{ display:block; overflow:hidden;width:100%; height:270px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;transition: all .5s;}

.anliroll li a ol {line-height: 35px; color: #555; width: 100%; transition: all .3s; font-size: 20px;border-bottom: 1px solid #e1dfdf; padding: 10px 10px;box-sizing: border-box;}
.anliroll li a ol a {color: #555;font-size: 20px; }
.anliroll li a ol b {display: block; background: url(../images/tele0.png) left no-repeat; background-size: 17px 16px;padding-left: 35px; }
.anliroll li a span {display: inline-block;position: absolute;right: 10px;bottom: 6%;border: 1px solid #dcdcdc;border-radius: 999px;padding: 10px 20px; }
.anliroll li a:hover {color: #fff; }
.anliroll li a:hover img {  transform: scaleX(1.2) scaleY(1.2); }
.anliroll li a:hover .spanImg {  transform: scaleX(1.1) scaleY(1.1); }
.anliroll li a:hover ol {  background: linear-gradient(45deg, #17288b, #17288b);  color: #fff;  padding-left: 25px; }
.anliroll li a:hover ol b{color: #fff;}
.anliroll li a:hover span {color: #fff;  border: 1px solid #1574cd; }

/*产品查看更多*/
.pro_more{ width:610px; margin:auto; position:relative; background-color:#17288b; height:60px; margin-top:40px; border-radius: 30px;}
.pro_more .m_bg{ position:absolute; z-index:1; left:0; top:0; height:100%; width:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background:#c80118; border-radius: 30px;}
.pro_more .tel{ height:56px; margin:2px; background-color:#fff; line-height:56px; padding:0 30px; position:relative; z-index:10; border-radius: 30px;}
.pro_more .tel span{ display:block;color:#e40011; font-weight:200; }
.pro_more .tel .span1{ font-size:22px;}
.pro_more .tel .span2{ display:block; font-size:35px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.pro_more a{ display:block; line-height:60px; color:#fff; width:160px; text-align:center; float:right;position:relative; z-index:999; font-size:18px;}
.pro_more:hover .m_bg{ width:100%;}

/*产品查看更多*/
.pro_more1{ width:410px; margin:auto; position:relative; background-color:#17288b; height:60px; margin-top:40px; border-radius: 30px;}
.pro_more1 .m_bg{ position:absolute; z-index:1; left:0; top:0; height:100%; width:0;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; background:#c80118; border-radius: 30px;}
.pro_more1 .tel{ height:56px; margin:2px;  line-height:56px; padding:0 30px; position:relative; z-index:10; }
.pro_more1 .tel span{ display:block;color:#fff; font-weight:100; }
.pro_more1 .tel .span1{ font-size:22px;}
.pro_more1 .tel .span2{ display:block; font-size:35px; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.pro_more1 a{ display:block; line-height:60px; color:#fff; width:150px; text-align:center; float:right;position:relative; z-index:999; font-size:18px;}
.pro_more1:hover .m_bg{ width:100%;}

/*关于我们*/
.pr{position: relative;}
.pinz_bg{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 806px;overflow: hidden;margin-top:60px;}
.pinz_l{width: 508px;}
.pinz_l img{width: 868px;height: 726px;display: block;position: absolute;top: 0;right: 0;}
.pinz_r{width: 640px;padding:20px 0 0;}
.pinz_t{font-size: 30px;color: #333;background:url(../images/pinz_line01.gif) no-repeat;height: 90px;padding: 0 0 0 40px;line-height: 46px;overflow: hidden;}
.pinz_t a{color: #333;}
.pinz_t a:hover{color: #d9ba8d;}
.pinz_t span,.join_l span{display: block;font-size: 16px;color: #666;font-weight: normal;}
.pinz_ul{width: 640px;padding: 40px 0 0;height: 260px;}
.pinz_ul li{width: 320px;height: 80px;float: left;padding: 25px 0 0;}
.pinz_ul li em{width: 50px;height: 46px;display: block;float: left;padding: 5px 10px 0 50px;}
.pinz_ul li em img{width: 50px;height: 46px;}
.pinz_ul p{display: block;float: left;font-size: 16px;color: #333;line-height: 36px;}
.pinz_ul li i{display: block;}
.pinz_ul li:hover{box-shadow: 0 3px 10px 3px #d0d0d0;}

.pinz_tit{width: 640px;height: 158px; margin-top:50px;}
.pinz_tit ul li{font-size:18px;color: #fff;height: 110px;float: left;width:160px;text-align: center;}
.pinz_tit ul li em{display: block;width: 36px;height: 36px;background: #d2d2d2;margin:0 auto;border-radius: 50%;}
.pinz_tit ul li b{display: block;padding: 60px 0 0;}
.pinz_tit ul li:hover,.pinz_tit ul li.on{background:url(../images/pinz_line02.gif) no-repeat center 20px;color: #c80118;}

.pin_m dl{width: 598px;height: 122px;border: #d9ba8d 1px solid;padding: 12px 0 0 40px;background:url(../images/pinz_ico.png) no-repeat 530px 30px;}
.pin_m dl dt{font-size: 24px;color: #d9ba8d;font-weight: bold;height: 40px;line-height: 40px;}
.pin_m dl dt em{width: 60px;height: 40px;display: block;float: left;line-height: 0;}
.pin_m dl dt em img{width: 40px;height: 40px;}
.pin_m dl dd{font-size: 14px;color: #a48e6e;line-height: 24px;height: 48px;overflow: hidden;width: 450px;padding: 10px 0 0;}

.athree{width:700px;text-align: center;position: absolute; float:left; margin-top:40px; color: #fff;}
.athree dl{color: #fff;float: left;width:25%;border-right: 1px solid #ffffff6e;box-sizing: border-box;margin: 0;}
.athree dl:last-child{border: none;}
.athree dl dt{font-size:56px;margin-top: 7px;font-family: Impact;line-height: 1; color: #fff;}
.athree dl dd{font-size: 18px; color: #efefef; width:100%;}


.abt{ background:url(../images/abt_bg.jpg) no-repeat  center;padding-top:20px;}
.abt_con{ height:600px;}
.abt dl{ margin-top: 45px;}
.abt dt img{ display: block; width:612px; height: 382px;}
.abt dd{ width: 480px; margin-right: 60px;}
.abt dd h3 img{ display: block; width: 216px; padding-bottom: 25px; z-index:555}
.abt dd span{ display: block; font-size: 14px; line-height: 14px; color: #333333; padding-bottom:23px ;}
.abt dd p{font-size: 14px; line-height: 24px; color: #333333;  }
.abt dd a{ display: block; margin-top: 22px;font-size: 14px; line-height: 14px; color: #333333; }

.abt_s{ float: left; padding-top: 45px; width: 418px;}
.abt_s p{ font-size:16px ; color: #333333; line-height: 50px;}
.abt_s p b{ color: #c80118; font-size: 18px; display: inline-block;}



.abt_z li{ float: left; height: 68px; border-left:1px solid #c2c7cd ; padding: 0 63px; margin-top: 60px; font-size: 26px; line-height: 26px; color: #333333; font-weight: bold;}
.abt_z li:last-child{ padding-right: 0;}
.abt_z li b,.abt_z li em{ display: inline-block; font-size: 50px; line-height: 66px; color: #0d569e; margin-top: -24px;}
.abt_z li span{ display: block;font-size: 16px; line-height: 16px; color: #333333; font-weight:normal; padding-top: 10px;}
.abt_t{  margin-top: 64px;position: relative; }
.abt_t h4{height: 46px;line-height: 46px;border-bottom:1px solid #d9d9d9;font-size: 18px; display: block; margin-bottom: 18px;}
.abt_t h4 a {color: #002248;}
.abt_t h4 i{float: right;color: #666;font-weight: normal;font-size: 14px;}

.abt_t li{ float: left; margin-right: 30px;width: 277px; height:208px;}
.abt_t li img{ width: 277px; height:208px;}
.abt_t .sprev{position: absolute;left:-70px;top:140px;width:66px;height: 66px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.abt_t .snext{position: absolute;right:-70px;top: 140px;width:66px;height: 66px;background:url(../images/snext.png) no-repeat;z-index: 10;}
.abt_t .tempWrap{width: 100% !important;}

.links{height: 58px;font-size: 14px;color: #fff;line-height: 58px;background:rgba(0,0,0,0.4);margin-top: -58px;}
.links p a{color: #fff;margin-right: 48px;}

i, em { font-style: normal;}
.pr {position: relative;}

.adv {
    background: url(../images/ss_adv_bg.jpg) top center no-repeat;
    height: 986px;
    margin-top:50px;
    overflow: hidden;
    display: none;
}

.adv_con {
    width: 1450px;
    margin: 0 auto;
    padding-bottom: 110px;
}

.adv_tit {
    text-align: center;
    padding: 30px 0;
}
.adv_tit img {
    margin: 0 auto;
}
.adv_tit span {
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 50px;
    background: #fff;
    display: block;
    border-radius: 30px;
    width: 940px;
    margin: 36px auto 0 auto;
}
.adv_b {
    position: relative;
}
.adv_pro {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -225px;
}
.adv_pro img {
    position: relative;
    z-index: 22;
    top: -98px;
}
.adv_pro::after {
    content: '';
    display: block;
    position: absolute;
    top: 5%;
    left: 50%;
    background-: url(../images/adv_cir.png) top left no-repeat;
    width: 688px;
    height: 647px;
    margin-left: -344px;
    margin-top: -324px;
    animation: tlj 3000ms linear infinite;
}
.adv_img {
    height: 660px;
    width: 880px;
    margin: 0 auto;
    position: relative;
    top: 115px;
}
.adv_img li {
    position: absolute;
}
.adv_img li:nth-child(1) {
    top: 0px;
    left: 72px;
}
.adv_img li:nth-child(2) {
    bottom: 41px;
    left: 44px;
}
.adv_img li:nth-child(3) {
    right: 60px;
    top: 0px;
}
.adv_img li:nth-child(4) {
    bottom: 67px;
    right: 23px;
}
.adv_des {
    position: absolute;
    top: 95px;
    left: 0;
    color: #fff;
    width: 100%;
    height: 500px;
}
.adv_des li {
    width: 375px;
    position: absolute;
}
.adv_des li:nth-child(1) {
    top: 48px;
    left: 0px;
}
.adv_des li:nth-child(2) {
    bottom: 44px;
    left: 0px;
}
.adv_des li:nth-child(3) {
    right: 0;
}
.adv_des li:nth-child(4) {
    right: 0;
    bottom: 50px;
}
.adv_des li h3 {
    font-size: 28px;
}
.adv_des li h3::before {
    content: '';
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../images/icon.png) -1px -44px no-repeat;
    vertical-align: middle;
}
.adv_des li:nth-child(4) h3::before {
    background: url(../images/icon.png) -226px -44px no-repeat;
}
.adv_des li p {
    width: 280px;
    margin-left: 68px;
    line-height: 25px;
}
.adv_des li:nth-child(3) h3::before {
    background: url(../images/icon.png) -151px -44px no-repeat;
}
.adv_des li:nth-child(2) h3::before {
    background: url(../images/icon.png) -73px -44px no-repeat;
}
.honor {
    background: url(../images/honor_bg.jpg) top left no-repeat;
    padding: 50px 0 30px 0;
    position: relative;
    left: -600px;
    opacity: 0;
}
.honor_con {
    width: 1450px;
    margin: 0 auto;
    position: relative;
}
.h_arl {
    left: 0;
    background: url(../images/icon.png) -11px -128px no-repeat;
}
.honor_con>span {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 48%;
    margin-top: -25px;
    z-index: 2;
    cursor: pointer;
}
.h_arr {
    right: 80px;
    background: url(../images/icon.png) -81px -144px no-repeat;
}
.honor_go {
    width: 1350px;
    overflow: hidden;
    margin: 0 auto;
}
.honor_go ul {
    margin: 0 auto;
    position: relative;
}
.honor_go ul li {
    overflow: hidden;
    float: left;
}
.honor_des {
    float: left;
    width: 700px;
    padding: 80px 0;
    margin-left: 48px;
}
.honor_des span {
    font-size: 42px;
    color: #cacaca;
    font-weight: bold;
}
.honor_des span em {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ff0208;
    vertical-align: middle;
    margin-bottom: 8px;
    margin-right: 15px;
}
.honor_des h3 {
    font-size: 28px;
    margin: 20px 0;
    color: #343434;
}
.honor_des p {
    color: #333;
    line-height: 30px;
}
.honor_des a {
    width: 130px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    background: #ff0208;
    display: block;
    border-radius: 20px;
    font-size: 15px;
    margin-top: 30px;
}
.honor_img {
    float: right;
}
.com {
    background: url(../images/ss_com_bg.jpg) top center no-repeat;
    padding: 90px 0;
}
.com_con {
    width: 1450px;
    margin: 0 auto;
    overflow: hidden;
}
.com_des {
    float: left;
    width: 550px;
    position: relative;
    left: -300px;
    opacity: 0;
}
.tit {
    text-align: center;
    position: relative;
}
.com_des .tit {
    text-align: left;
}
.tit_p {
    font-size: 28px;
    color: #454545;
    position: relative;
}
.tit_p span {
    font-size: 42px;
    font-weight: bold;
    display: inline-block;
    margin-right: 8px;
}
.tit_p span i {
    font-size: 62px;
    display: inline-block;
}
.tit_p em {
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #ff3539;
    left: 50%;
    margin-left: -28px;
    top: 11px;
}
.com_des .tit_p em {
    margin-left: -47px;
}
.com_des .tit>span {
    width: 8px;
    height: 60px;
    background: #ed2c39;
    display: block;
    margin-left: 5px;
    margin-top: 10px;
}
.com_des p {
    line-height: 30px;
    color: #333;
    margin-top: 30px;
}
.com_des a {
    width: 145px;
    height: 40px;
    background: #ed2c39;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin-top: 50px;
    display: block;
    border-radius: 20px;
}
.com_r {
    float: right;
    overflow: hidden;
}
.com_r ul li {
    float: left;
    width: 270px;
    height: 410px;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 8px;
    position: relative;
    cursor: pointer;
    right: -300px;
    opacity: 0;
}
.com_r_img {
    position: relative;
    color: #fff;
    width: 100%;
    height: 100%;
}
.com_r_img span {
    position: absolute;
    bottom: 46px;
    left: 16px;
    font-size: 22px;
    transition: all 0.5s;
}
.com_r_img i {
    font-size: 17px;
    position: absolute;
    bottom: 20px;
    left: 16px;
    transition: all 0.5s;
}
.com_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all 0.5s;
}
.com_cover span {
    font-size: 26px;
    display: block;
    margin-top: 125px;
}
.com_cover i {
    font-size: 17px;
    margin: 8px 0;
}
.com_cover a {
    display: block;
    width: 170px;
    height: 40px;
    background: #fff;
    margin: 50px auto 0 auto;
    color: #333;
    line-height: 40px;
    border-radius: 30px;
}
.strenth {
    overflow: hidden;
    border-bottom: 1px solid #ededed;
}
.strenth ul {
    border-left: 1px solid #ededed;
    height: 180px;
    width: 1200px;
    margin: 0 auto;
}
.strenth li {
    float: left;
    width: 229px;
    border-right: 1px solid #ededed;
    transition: all .4s;
    padding: 35px;
    height: 110px;
    font-size: 14px;
    color: #333;
    text-align: center;
    position: relative;
    top: 300px;
    opacity: 0;
}
.strenth li strong {
    font-size: 60px;
    font-family: Arial;
    line-height: 60px;
    font-weight: normal;
    margin-right: 5px;
}
.strenth li span {
    display: block;
    font-size: 18px;
    color: #666;
    margin-top: 10px;
}
.strenth li::after {
    content: "";
    position: absolute;
    left: -2px;
    top: 40px;
    width: 3px;
    height: 20px;
    background: #dedede;
}


/*厂区*/
.sy_case_bj{ background:url(../images/muzeyuan_25.jpg) top center; height:550px; padding-top:10px; margin-top:40px;}
.case_main{width:1200px; margin:0px auto; position:relative; height:600px; padding-top:25px}
.case_left{ float:right;width:280px;
opacity: 0; position:absolute;
border:5px #fff solid; padding:40px 30px;font-size:16px; color:#fff;}
.case_en18{font-size:24px; font-family:Verdana, Geneva, sans-serif}
.case_en56{ font-size:68px; font-family:Tahoma, Geneva, sans-serif;font-weight:900}
.case_cn28{font-size:28px; font-weight:bold; line-height:56px}
.case_lianxi{font-size:15px; text-align:left; line-height:33px; padding:20px 0}

ul.unstyled, ol.unstyled{ list-style:none; background:#fff }
.case_show{width:1200px; margin:0 auto; position:absolute}

.case_show a.more {display: block; width: 12rem;height: 2.5rem; text-align: center; margin: 0 auto; background-size: 4rem auto; margin-top:40px;background: #c80118; color:#fff; line-height:2.5rem; font-size:18px; border-radius: 30px;}
.case_show a:hover .more{background: #17288b;}


.espcms_piclist_slide {overflow: hidden;}
.espcms_piclist_slide ul li{float: left;margin:0 15px 15px 0;text-align: center; position:relative; height:270px;overflow:hidden; }

.espcms_piclist_slide li .pic { width:325px; height:270px;}
.espcms_piclist_slide li .pic a{ font-size:16px; color:#097545}

.espcms_piclist_slide li .pic img { width:100%; height:270px;}
.espcms_piclist_slide li .pic a .spanImg{ display:block; overflow:hidden;width:100%; height:270px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;transition: all .5s;}
.espcms_piclist_slide li .cover_top{ text-align:center; line-height:60px; height:60px; font-size:16px;z-index:99;position: absolute; color:#097545; bottom:0; width:100%; background:rgba(0,0,0,0.6)}
.espcms_piclist_slide li .cover_pic{ width:256px; height:120px;position:absolute; left:30%; margin-left:-60px;top:-190px; z-index:100;  padding:30px}
.espcms_piclist_slide li .cover_pic a{ font-size:18px; color:#fff;  padding:100px 0 0 0; background:url(../images/more.png) no-repeat center 5px; display:block}
.espcms_piclist_slide li  p{ }
.espcms_piclist_slide li  p a{ color:#fff}
.espcms_piclist_slide li  p a:hover{ color:#fff600}


/*案例*/
.casebg{/*background:url(../images/1.jpg) 0  no-repeat;background-size: cover;*/}
.case{padding: 55px 0 60px;}
.case_l{width: 383px;height: 403px;padding: 65px 0 0 5px; background:#17288b;}
.case_l ul li,.case_l span{width: 177px;height: 78px;float: left; padding: 0 0 22px 25px;}
.case_l ul li a,.case_l span a{font-size: 18px;color: #fff;width: 150px;height: 54px;float: left;line-height: 54px;overflow: hidden;border: #d8d8d8 1px solid;border-radius: 28px 0 0 28px;display: block; padding-left:15px;}
.case_l ul li a:hover,.case_l span a:hover,.case_l ul li.on a{background: #c80118;border: #dc2821 1px solid;color: #fff;}
.case_l ul li em,.case_l span em{display: block; float: left; width: 40px; height: 40px; line-height: 0; overflow: hidden;margin:7px 12px 0 7px; } 
.case_l .case_li02 a,.case_l span a{border-radius: 0 28px 28px 0;padding: 0 0 0 15px;width: 135px;}
.case_l .case_li02 em,.case_l span em{margin:7px 7px 0 0;float: right;}
.case_l ul li em img,.case_l span em img{width: 40px;height: 80px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.case_l ul li a:hover em img,.case_l span a:hover em img,.case_l ul li.on em img{margin-top: -40px;}
.case_r{width: 810px;height: 456px;}
.case_r dl{width: 810px;height: 456px;position: relative;}
.case_r dl dt{width: 810px;height: 456px;line-height: 0;overflow: hidden;}
.case_r dl dt img{width: 810px;height: 456px;}
.case_r dl dt a .spanImg{display:block; overflow:hidden;width:100%; height:456px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;transition: all .5s;}
.case_r dl dd{width: 570px; height: 95px; position: absolute; bottom: 0; left: 0;background: rgba(0,0,0,0.6);padding:13px 120px 0;} 
.case_r dl dd h5{height: 60px;line-height:60px;overflow: hidden;}
.case_r dl dd h5 a{font-size:24px;color: #fff; font-weight:normal;}
.case_r .case_desc{font-size: 14px;color: #ccc;height: 44px;line-height: 22px;overflow: hidden;padding: 5px 0 0;}
.case_btn{width: 128px; height: 47px; position: absolute; top: 462px; left: 326px;z-index: 30;} 
.case_btn a{width: 64px;height: 47px;display: block;float: left;}
.case_btn .case_lico{background:url(../images/case_lico01.gif) no-repeat;}
.case_btn .case_lico:hover{background:url(../images/case_lico02.gif) no-repeat;}
.case_btn .case_rico{background:url(../images/case_rico02.gif) no-repeat;}
.case_btn .case_rico:hover{background:url(../images/case_rico02.gif) no-repeat;}

.case_r dl dt img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_r dl dt a:hover .spanImg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

/*案例*/
.pro_cl{ width:1200px; margin:30px  auto 0 auto; height:600px;}
.pro_l{width: 617px;}
.pro_r{width: 583px;}
.pro_l li{width:284px;height: 284px;float: left;margin: 0 0 15px 15px;text-align: center;position: relative;}
.pro_l li p,.pro_l li p img{width:284px;height: 284px;display: block;overflow: hidden; transition: all .5s;}
.pro_l li p a .spanImg{ display:block; overflow:hidden;width:100%; height:284px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;transition: all .5s;}
.pro_l li span{width: 284px;position: absolute;left: 0;bottom: 0;height: 48px;line-height: 48px;color: #666;background:rgba(255 , 255 , 255 , 0.8);}
.pro_l li span a{display: block;color: #323232; font-size: 16px;}

.pro_r dt,.pro_r dt img{width:583px;height:458px;display: block;overflow: hidden; transition: all .5s;}
.pro_r dt a .spanImg{ display:block; overflow:hidden;width:100%; height:458px;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;transition: all .5s;}
.pro_r dd{padding: 17px 0 0;line-height: 24px;}
.pro_r dd h3{font-size:26px;line-height:64px;height:62px;color: #094;position: relative;padding: 0 0 0 13px;font-weight: normal;}
.pro_r dd h3:before{content: "";position: absolute;width:3px;height: 26px;background: #c80118;left: 0;top:19px;}
.pro_r dd h3 a{color: #323232; }
.pro_r dd h3 p{font-size: 14px;}
.pro_l li p a:hover .spanImg, .pro_r dt img:hover, .part_c li img:hover, .distri_p img:hover, .new1 dt img:hover , .pro_r dt a:hover .spanImg{
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/*xad*/
.xad{ height:211px; background:url(../images/xad_bg.jpg) no-repeat center;}
.xad h2{ display: block; font-size:24px; color:#fff;line-height:24px ; font-weight: normal; padding-top: 60px; padding-left: 20px;}
.xad h3{ display: block; padding-left: 20px; padding-top: 10px;font-size:20px; color: #fff;line-height:20px ; }
.xad h3 b{font-size:28px; color: #fff;line-height:28px ;}
.xad span{  display: block; padding-top:66px; display: block; font-size: 28px; line-height: 28px;color: #fff; font-weight: bold;}
.xad a{ display: block; width: 140px; height: 34px; border-radius: 17px; text-align: center; color: #fff; font-size:16px ; line-height: 34px; background: #c80118; margin-top:20px; margin-right: 46px;}

/*新闻*/
.welcome1 div, .welcome ul, .welcome li, .welcome span, .welcome a {box-sizing: border-box;z-index:99999;}
.welcome1 .view-more1 { display: block; margin: 60px auto 0; background: #c80118; color: #fff; width: 190px; height: 48px; text-align: center; font-size: 16px; line-height: 48px;border-radius: 24px; transition: all .3s ease-in-out;}
.welcome1 .view-more1:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);}
.welcome1 .view-more2 {display: block;margin: 60px auto 0; background: #17288b; color: #fff;width: 200px; height: 44px;text-align: center;font-size: 16px; line-height: 44px;border-radius: 22px; transition: all .3s ease-in-out;}
.welcome1 .view-more2:hover { box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); background: #c80118;}

.welcome1 .wel-news-wrap1 { padding: 0 0 26px;}
.welcome1 .wel-news-wrap1 .wel-pro-title {opacity: 0;filter: alpha(opacity=0);transform: translate(0,150px);transition: all 1s cubic-bezier(0.03, 0.81, 0.21, 0.93);}
.welcome1 .wel-news-wrap1 .wel-pro-title.in {opacity: 1;filter: alpha(opacity=100);transform: translate(0,0);}
.wel-news-wrap .w1200 {opacity: 0;filter: alpha(opacity=0);transform: scale(.8);transition: all 1.5s cubic-bezier(0.03, 0.81, 0.21, 0.93);}
.wel-news-wrap1 .w1200.in {opacity: 1;filter: alpha(opacity=100);transform: scale(1);}
.welcome1 .wel-news-wrap1 .news-txts-wrap {background: #efefef; padding: 34px 30px 46px;}
.welcome1 .wel-news-wrap1 .wel-news-time {color: #888;font-size: 14px;padding-left: 28px;line-height: 16px;background: url(../images/ico1.png) no-repeat left center;transition: all .3s linear;}
.welcome1 .wel-news-wrap1 .wel-news-img {transition: all .3s linear;}
.welcome1 .wel-news-wrap1 .wel-news-h5 {font-size: 20px;line-height: 32px;color: #333;margin: 24px 0 12px;transition: all .3s linear;}
.welcome1 .wel-news-wrap1 .wel-news-dt {font-size: 14px;line-height: 26px;color: #888;height: 52px;overflow: hidden;}
.welcome1 .wel-news-wrap1 .view-more1 {width: 170px;background: #fff;color: #666;margin-left: 0;height: 42px;line-height: 42px;margin-top: 36px;transition: all .3s linear;}
.welcome1 .wel-news-wrap1 .wel-news-li {width: 374px !important;margin-right: 39px !important; }
.welcome1 .wel-news-wrap1 .wel-news-items:hover .wel-news-img {transform: scale(1.1);}
.welcome1 .wel-news-wrap1 .wel-news-items:hover .view-more1 {background: #c80118;color: #fff;}
.welcome1 .wel-news-wrap1 .wel-news-items:hover .wel-news-h5 {color: #c80118;}
.welcome1 .wel-news-wrap1 .wel-news-items:hover .wel-news-time {background: url(../images/ico1on.png) no-repeat left center;}



@media (max-width: 1560px) {.intro .sub-company-txts { padding: 30px 10px 10px 50px;  }.intro .sub-company-detail {margin-bottom: 40px;}.intro .sub-company-a {height: 40px; background-size: 40px !important; padding-left: 52px; line-height: 40px;  }.intro .produce-h5 {padding-top: 110px;}
}
@media (max-width: 1480px) {.header .bocweb-logo, .header.bg0 .bocweb-logo, .header:hover .bocweb-logo { width: 120px; padding-top: 28px; }.header .nav-ul, .header.bg0 .nav-ul, .header:hover .nav-ul {margin-left: 20px; padding-left: 20px; }.header .nav-li, .header.bg0 .nav-li, .header:hover .nav-li { padding: 0 20px;}.header .language-wrap, .header.bg0 .language-wrap, .header:hover .language-wrap {margin-left: 20px; padding-left: 20px;  }
}
@media (max-width: 1700px){.coop .client-items {padding: 0 48px;}
}
@media (max-width: 1480px) {.welcome .pro-banner-li { width: 360px !important;}
.w1206 { width: 1092px;}
.awards-wrap div.orbit { width: 1100px !important;}
}
@media (max-width: 1300px) {.header .bocweb-logo, .header.bg0 .bocweb-logo, .header:hover .bocweb-logo { width: 100px; }.header .nav-ul, .header.bg0 .nav-ul, .header:hover .nav-ul { margin-left: 16px; padding-left: 16px;  }.header .nav-li, .header.bg0 .nav-li, .header:hover .nav-li { padding: 0 16px;  }.header .language-wrap, .header.bg0 .language-wrap, .header:hover .language-wrap {margin-left: 16px; padding-left: 16px;  }
.welcome .pro-banner1-btns {z-index: 3; display: none;}.welcome .pro-banner1-btns .prev {left: 50px;}.welcome .pro-banner1-btns .next {right: 50px;}.welcome .pro-ajax-mains:hover .pro-banner1-btns {display: block;}
.toWords .w1200 {width: 1180px; }
}
.messages .mess-td1.captcha-wrap {width: 366px;}
.messages .captcha {display: inline-block; float: left;width: 80px;}
@media(max-width: 1600px) {/*.welcome .wel-case-wrap .wel-case-items1 .wel-case-cn {  margin-top: 0;}.welcome .wel-case-wrap .wel-case-h6 {  margin: 16px 0 20px;}*/
}
.color-imgs {border-radius: 10px;}
.awards-li,.color-img-wrap,.case-img-wrap,.core-img {overflow: hidden;}
.honour-ajax-img img,.awards-li img,.color-img-wrap img,.core-img img {transition: all .3s linear;}
.culture-values-items:hover img,.equip .equip-line-items:hover img,.honour-ajax-img:hover img,.awards-li:hover img,.color-img-wrap:hover img,.core-img:hover img {transform: scale(1.1);}
.case-li1 {width: 1200px;}
.case-banner1-btns {opacity: 0;filter: alpha(opacity=0);position: absolute;z-index: 3;left: 0;top: 50%;display: block;margin-top: -18px;width: 100%;height: 1px;
}
.case-banner1-btns.on {opacity: 100;filter: alpha(opacity=100);}
.case-banner1-btns .case-banner1-btn {display: inline-block;width: 20px; height: 36px;position: absolute; top: 0; cursor: pointer;}
.case-banner1-btns .prev {left: 50px; background: url(../images/prev1.png) no-repeat center;}
.case-banner1-btns .next {right: 50px;  background: url(../images/next1.png) no-repeat center;}
.apply-wrap { background: #fff;}
.apply-wrap input {display: inline-block; width: 280px; height: 40px; line-height: 40px; margin-left: 10px; border: none;}
.apply-wrap table,.apply-wrap tr,.apply-wrap td { border-color: #e9e9e9; font-size: 16px;}
.apply-wrap table {border: none; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.apply-tr { height: 40px; line-height: 40px;}
.apply-td1 { box-sizing: border-box; padding-left: 14px;}
.apply-wrap .apply-submit { background: #0e73b9; display: block; margin: 0 auto; color: #fff;}
.apply-wrap tbody { border-color: #e9e9e9;}
.apply-textarea { border: none; width: 1090px !important; padding-left: 14px; box-sizing: border-box;}
.apply-tr2 { height: 120px !important;  box-sizing: border-box; padding: 40px 0;}
.equip-txts1  { box-sizing: border-box; font-size: 16px; line-height: 32px; color: #666; padding: 10px 24px 0; height: 74px;}
.equip-banner1-btns { position: absolute; z-index: 1; left: 0; top: 159px; width: 100%; height: 1px;}
.equip-banner1-btns.on { display: block;}
.equip-banner1-btns .equip-banner1-btn { display: inline-block; width: 20px; height: 36px; position: absolute; top: 0; cursor: pointer;}
.equip-banner1-btns .prev { left: 0; background: url(../images/prev1.png) no-repeat center;}
.equip-banner1-btns .next { right: 0; background: url(../images/next1.png) no-repeat center;}
.equip-line-mains .bd { width: 1100px !important; overflow: hidden; margin: 0 auto;}

.side-always { display: none; position: fixed; z-index: 3; width: 85px; height: 396px; background: url(../images/sidebg.jpg) no-repeat center; background-size: 100%;right: 6px; top: 50%; margin-top: -198px; box-sizing: border-box; padding: 116px 14px 0; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.side-always.in { display: block;}
.side-always div, .side-always ul, .side-always li, .side-always span, .side-always a { box-sizing: border-box;}
.side-always .side-ico { height: 44px; z-index: 2;}
.side-always .side-txts { color: #7a7a7a; font-size: 14px; line-height: 14px; z-index: 2;}
.side-always .side-items { cursor: pointer;}
.side-always .side-items1 .side-ico { background: url(../images/side-ico1.png) no-repeat center 14px;}
.side-always .side-items1:hover .side-ico { background: url(../images/side-ico1.png) no-repeat center 8px;}
.side-always .side-items2 { /*padding: 22px 0 32px;*/}
.side-always .side-items2 .side-ico { background: url(../images/side-ico2.png) no-repeat center 14px;}
.side-always .side-items2:hover .side-ico { background: url(../images/side-ico2.png) no-repeat center 8px;}
.side-always .side-items3 .side-ico { background: url(../images/side-ico3.png) no-repeat center 14px;}
.side-always .side-items3:hover .side-ico { background: url(../images/side-ico3.png) no-repeat center 8px;}
.side-always .side-ewm {display: none;width: 170px;height: 130px;padding-right: 20px;box-sizing: border-box;padding: 0 20px 0 0;left: -170px;top: 50%;margin-top: -65px;}
.side-always .side-img0 { background: #fff; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.side-always .side-tele { display: none; width: 260px; height: 70px; box-sizing: border-box; padding: 0 20px; font-size: 20px; font-weight: bold; line-height: 70px; color: #c80118;  left: -260px; top: 50%; margin-top: -35px;}
.side-always .side-tele-content {background-color: #fff;padding: 0 10px;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,.1);}

.toTop {display: none;position: fixed;z-index: 7;bottom: 60px;right: 6px;margin-left: -24px;width: 48px;height: 48px;border-radius: 50%;border: 1px solid #ececec;cursor: pointer;background: url(../images/top.png) no-repeat center;background-size: 120%;}
.honour-ajax-img img {max-height: 500px;max-width: 100%;}
/*.coop .slimScrollBar {right: -30px !important;
}*/
/*# sourceMappingURL=style.css.map */
.pro-ajax-mains .hd {position: absolute;left: 0;bottom: 60px;width: 100%;height: 12px;text-align: center;}
.pro-ajax-mains .hd li {display: inline-block;width: 10px;height: 10px;border-radius: 50%;border: 1px solid #c80118;font-size: 0;margin: 0 3px;cursor: pointer;}
.pro-ajax-mains .hd li.on {background: #c80118;border-color: #c80118;}
.pro-banner-a {margin-bottom: 18px;}
.pro-banner-wrap {padding-bottom: 156px;}
.wel-news-wrap .wel-news-btns {display: none;position: absolute;z-index: 1;left: 0;top: 50%;margin-top: -18px;width: 100%;height: 1px;}
.wel-news-wrap .wel-news-btns.on {display: block;}
.wel-news-wrap .wel-news-btns .wel-news-btn {display: inline-block;width: 20px;height: 36px;position: absolute;top: 0;cursor: pointer;}
.wel-news-wrap .wel-news-btns .prev {left: -50px;background: url(../images/prev1.png) no-repeat center;}
.wel-news-wrap .wel-news-btns .next {right: -50px;background: url(../images/next1.png) no-repeat center;}
@media(max-width: 1400px) {.wel-news-wrap .wel-news-btns .prev {  left: 30px;}.wel-news-wrap .wel-news-btns .next {  right: 30px;}.wel-news-wrap .wel-news-btns {  top: 18%;}



}
@media(min-width: 1400px) {/*底部搜索*/.service-fwm{  width: 330px;  left: -370px;}
}
.side-always .side-items { width:76px; height: 76px; margin-bottom: 4px;}
.side-always .side-items1 { background: #a6a6a6;}
.side-always .side-items2 { background: #c80118;}
.side-always .side-items3 { background: #0e73b9;}
.side-always { padding: 0; margin-top: -120px; background: none; height: 240px; box-shadow: none;}
.side-always .side-txts { color: #fff;}
.animation-mains { z-index: 4;}


.service-title{text-align: center;margin: 30px 0 0 0;}
.service-title h2{display: block;font-size: 30px; color:#222;}
.service-title p{display: block;color: #999;font-size: 14px;}

.service-title2{text-align: center;margin: 30px 0 0 0;}
.service-title2 h2{display: block;font-size: 30px; color:#fff; }
.service-title2 p{display: block;color: #fff;font-size: 14px;}

.solution-box{background: #ccc;margin: 30px 0 0 0;}
.solution-cut{width: 1560px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: rgba(0, 0, 0, .1);color: rgba(255, 255, 255, .5);cursor: pointer;border:0 ;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; }
.solution-box button.fa:hover{background: #17288b;color: #fff;}
.solution-box .fa-back{right: 100%;}
.solution-box .fa-more{left: 100%;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative;}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .5);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{background: rgba(0, 0, 0, .75);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{font-size: 24px;position: absolute;width: 100%;left: 0;top: 53%;transition: .3s; color:#fff;}
.solution-box ul li p{width: 80%;position: absolute;font-size: 14px;left: 10%;top: 70%;opacity: 0;transition: .3s;}
.solution-box ul li a{position: absolute;top: 85%;font-size: 16px;line-height: 32px;width: 120px;margin: 0 0 0 -60px;color: #fff;border: 1px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li a:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%; height:250px;}
.solution-box ul li:hover span{background: rgba(2, 122, 198, .85);}
.solution-box ul li:hover i{bottom: 63%;}
.solution-box ul li:hover hr{top: 40%;opacity: 0;}
.solution-box ul li:hover h3{top: 38%;}
.solution-box ul li:hover p{top: 50%;opacity: 1;}
.solution-box ul li:hover a{top: 75%;opacity: 1;}
/*响应式*/
@media(max-width:1680px){.solution-cut{width: 1480px;}.solution-box ul li i{font-size: 46px;}.solution-box ul li h3{font-size: 22px;}.solution-box ul li p{font-size: 14px;}.solution-box ul li a{font-size: 14px;line-height: 28px;width: 100px;margin: 0 0 0 -50px;}}
@media(max-width:1600px){.solution-cut{width: 1300px;}}
@media(max-width:1440px){.solution-cut{width: 1200px;}.solution-box ul li i{font-size: 40px;}.solution-box ul li h3{font-size: 18px;}.solution-box ul li p{font-size: 12px;}}
@media(max-width:767px){.solution-cut{width: 100%;padding: 0;}.solution-box ul li{width: 290px;}.solution-box button.fa{display: none;}.solution-box .fa-back{left: 0;right: auto;}.solution-box .fa-more{left: auto;right: 0;}}


/**/
.shil{ overflow: hidden;background: url(../images/shil.jpg) no-repeat center 0; height: 522px; padding-top:50px; margin-top:40px;}
.shil h3{color: #17288b; font-size: 46px; font-weight: bold; line-height: 100%; padding-bottom: 43px;background: url(../images/s_h2.png) no-repeat right 0; }
.shil ul{ overflow: hidden;}
.shil ul li{ float: left; width: 350px; height: 180px; box-sizing: border-box; border: 2px solid #eee;margin: 0 60px 30px 0; background: url(../images/s_ico1.jpg) no-repeat 39px
31px #fff; border-radius: 22px;}
.shil ul li em{ display: none;}
.shil ul li:nth-child(2){background: url(../images/s_ico2.jpg) no-repeat 39px 41px #fff;}
.shil ul li:nth-child(3){background: url(../images/s_ico3.jpg) no-repeat 39px 41px #fff;}
.shil ul li:nth-child(4){background: url(../images/s_ico4.jpg) no-repeat 39px 41px #fff;}
.shil ul li:nth-child(5){background: url(../images/s_ico5.jpg) no-repeat 39px 41px #fff;}
.shil ul li i{ display: block; padding-left: 130px; padding-top: 60px; color: #323232; font-size: 28px; font-weight: bold; line-height: 100%; font-style:normal;}
.shil ul li i span{ display: block; font-weight: normal; color: #7d7d7d; font-size: 16px; padding-top: 5px; font-style:normal;}
.shil ul li:hover{ background:#17288b; color: #fff;}
.shil ul li:hover i{ padding-left: 39px; padding-top: 30px; color: #fff;}
.shil ul li:hover i span{ display: none;}
.shil ul li:hover em{ display: block; font-weight: normal; font-size: 14px; color: #fff; line-height: 26px; width: 323px; padding-top:11px; font-style:normal;}

.client-2 {position: fixed;right: -170px;top: 70%;z-index: 900;}
.client-2 li a {text-decoration: none;}
.client-2 li {margin-top: 1px;clear: both; height: 71px;position: relative;}
.client-2 li i {background: url(../images/fx.png) no-repeat;display: block;width: 30px;height: 27px;margin: 0px auto;text-align: center;}
.client-2 li p {height: 20px;font-size: 14px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.client-2 .my-kefu-qq i {background-position: 4px 5px;}
.client-2 .my-kefu-tel i {background-position: 0 -21px;}
.client-2 .my-kefu-liuyan i {background-position: 4px -53px;}
.client-2 .my-kefu-weixin i {background-position: -34px 4px;}
.client-2 .my-kefu-weibo i {background-position: -30px -22px;}
.client-2 .my-kefu-ftop {display: none;}
.client-2 .my-kefu-ftop i {width: 33px;height: 35px;background-position: -27px -51px;}
.client-2 .my-kefu-left {float: left;width: 77px;height: 47px;position: relative;}
.client-2 .my-kefu-tel-right {font-size:18px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;margin-top: 14px; font-weight:500;}
.client-2 .my-kefu-right {width: 20px;}
.client-2 .my-kefu-tel-main {background: #17288b;color: #fff;height:71px;width: 250px;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-main {background: #17288b;width: 97px;height: 71px;position: relative;padding:9px 0 6px;float: left;}
.client-2 .my-kefu-weixin-pic {position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.my-kefu-weixin-pic img {width: 115px;height: 115px;}